<script setup name="about">
import { Toast } from 'vant'
import { ref, onActivated, onDeactivated } from 'vue'
import { useRouter, useRoute } from 'vue-router'
const route = useRoute()
const router = useRouter()
console.log(router, route)
const submit = () => {
  Toast('qw')
}
onActivated(() => {
  console.log('about Activated')
})
onDeactivated(() => {
  console.log(route, 'about Deactivated')
})
const value = ref('')
</script>

<template>
  <svg-icon name="女" size="2em" color="#0ff" />
  <svg-icon name="vites" color="#0ff" />
  <van-button type="primary" @click="submit">主要按钮</van-button>
  <div class="lay">
    <lay-row>
      <lay-coloms :column="5">12</lay-coloms>
      <lay-coloms :column="5">12</lay-coloms>
      <lay-coloms :column="5">12</lay-coloms>
    </lay-row>
  </div>
  <van-field v-model="value" label="文本" placeholder="请输入用户名" />
  <van-button type="primary" to="/">按钮</van-button>
  <svg-icon name="女" size="2em" color="#0ff" />
  <svg-icon name="vites" color="#0ff" />
  <van-button type="primary" @click="submit">主要按钮</van-button>
  <div class="lay">
    <lay-row>
      <lay-coloms :column="5">12</lay-coloms>
      <lay-coloms :column="5">12</lay-coloms>
      <lay-coloms :column="5">12</lay-coloms>
    </lay-row>
  </div>
  <van-field v-model="value" label="文本" placeholder="请输入用户名" />
  <van-button type="primary" to="/">按钮</van-button>
  <svg-icon name="女" size="2em" color="#0ff" />
  <svg-icon name="vites" color="#0ff" />
  <van-button type="primary" @click="submit">主要按钮</van-button>
  <div class="lay">
    <lay-row>
      <lay-coloms :column="5">12</lay-coloms>
      <lay-coloms :column="5">12</lay-coloms>
      <lay-coloms :column="5">12</lay-coloms>
    </lay-row>
  </div>
  <van-field v-model="value" label="文本" placeholder="请输入用户名" />
  <van-button type="primary" to="/">按钮</van-button>
  <svg-icon name="女" size="2em" color="#0ff" />
  <svg-icon name="vites" color="#0ff" />
  <van-button type="primary" @click="submit">主要按钮</van-button>
  <div class="lay">
    <lay-row>
      <lay-coloms :column="5">12</lay-coloms>
      <lay-coloms :column="5">12</lay-coloms>
      <lay-coloms :column="5">12</lay-coloms>
    </lay-row>
  </div>
  <van-field v-model="value" label="文本" placeholder="请输入用户名" />
  <van-button type="primary" to="/">按钮</van-button>
  <svg-icon name="女" size="2em" color="#0ff" />
  <svg-icon name="vites" color="#0ff" />
  <van-button type="primary" @click="submit">主要按钮</van-button>
  <div class="lay">
    <lay-row>
      <lay-coloms :column="5">12</lay-coloms>
      <lay-coloms :column="5">12</lay-coloms>
      <lay-coloms :column="5">12</lay-coloms>
    </lay-row>
  </div>
  <van-field v-model="value" label="文本" placeholder="请输入用户名" />
  <van-button type="primary" to="/">按钮</van-button>
</template>

<sstyle lang="scss" scoped>
.lay {
  width: 100%;
}
.ad {
  font-size: 16px;
  color: $font-color-gray;
}
</sstyle>
